<!--  填写订单 -->
<template>
	<view>
		<view class="main"
			v-if="breedingFlag || dryingFlag || MaintenanceFlag ||sealingFlag ||  purchaseFlag ||  livestreamMarketingFlag || landLeaseFlag || tillingLandFlag || machineryFlag || arableFlag">
			<view class="service-price"
				v-if="tillingLandFlag || livestreamMarketingFlag ||sealingFlag ||MaintenanceFlag || dryingFlag || purchaseFlag || arableFlag || machineryFlag">
				<view class="title"
					v-if="tillingLandFlag || MaintenanceFlag || sealingFlag || livestreamMarketingFlag || dryingFlag || purchaseFlag">
					<view class="box"></view>
					<view class="text" v-if="tillingLandFlag">{{serviceName}}服务</view>
					<view class="text" v-else>服务项目</view>
				</view>
				<template>
					<image src="@/static/socialized-service/farm-service/service-order/FGZD.png"
						style="width: 220rpx;height: 175rpx;" class="img"
						v-if="tillingLandFlag && serviceName==='翻耕整地'"></image>
					<image src="@/static/socialized-service/farm-service/service-order/JCY.png"
						style="width: 220rpx;height: 175rpx;" class="img" v-if="tillingLandFlag && serviceName==='机插秧'">
					</image>
					<image src="@/static/socialized-service/farm-service/service-order/ZWSG.png"
						style="width: 220rpx;height: 175rpx;" class="img"
						v-if="tillingLandFlag && serviceName==='作物收割'"></image>
					<image src="@/static/socialized-service/farm-service/service-order/DY.png"
						style="width: 220rpx;height: 175rpx;" class="img"
						v-if="tillingLandFlag && serviceName==='无人机打药'"></image>
					<image src="@/static/socialized-service/farm-service/service-order/jglt.svg"
						style="width: 220rpx;height: 175rpx;" class="img"
						v-if="tillingLandFlag && serviceName==='秸秆离田'"></image>
					<image src="@/static/socialized-service/farm-service/service-order/ZWBZ.png"
						style="width: 220rpx;height: 175rpx;" class="img"
						v-if="tillingLandFlag && serviceName==='作物播种'"></image>
					<image src="@/static/socialized-service/farm-service/service-order/anchor.png"
						style="width: 220rpx;height: 172rpx;" class="img" v-else-if="livestreamMarketingFlag"></image>
					<image src="@/static/socialized-service/farm-service/service-order/drying.png"
						style="width: 170rpx;height: 140rpx;" class="img" v-else-if="dryingFlag"></image>
					<image src="@/static/socialized-service/farm-service/service-order/purchase.png"
						style="width: 194rpx;height: 142rpx;" class="img" v-else-if="purchaseFlag"></image>
					<image src="@/static/socialized-service/farm-service/service-order/FGZD.png"
						style="width: 220rpx;height: 175rpx;" class="img" v-else-if="machineryFlag"></image>
					<image src="@/static/socialized-service/farm-service/service-order/arable.svg"
						style="width: 223rpx;height: 180rpx;" class="img" v-else-if="arableFlag"></image>
					<image src="@/static/socialized-service/farm-service/service-order/njfc.svg"
						style="width: 223rpx;height: 180rpx;" class="img" v-else-if="sealingFlag"></image>
					<image src="@/static/socialized-service/farm-service/service-order/weibaofuwu.svg"
						style="width: 223rpx;height: 180rpx;" class="img" v-else-if="MaintenanceFlag"></image>
				</template>

				<view class="price">
					<view class="name" v-if="relateDeviceName !== ''">
						{{relateDeviceName}}
					</view>
					<view class="name" v-if="serviceName">
						{{serviceName}}
					</view>
				</view>

				<view class="processAbility" v-if="dryingFlag">
					{{serviceAbility}}：
					<template v-if="dryingFlag && processAbility">
						{{processAbility}}斤/天
					</template>
				</view>
				<view class="processAbility" v-if="tillingLandFlag">
					服务价格：
					<template v-if="unitPrice">
						{{unitPrice}}元/1亩
					</template>
				</view>
				<view class="processAbility" v-if="MaintenanceFlag || sealingFlag">
					服务价格：
					<template v-if="unitPrice">
						{{unitPrice}}起/台
					</template>
				</view>
			</view>

			<scroll-view class="scrollheight" scroll-y="true" :style="{height:setcollapseheight()+ 'px'}"
				style="margin-top: 10rpx;">

				<view class="fuwujigou" v-if="machineryFlag || arableFlag">
					<TimeRange :timeRangeList="storedDate" :disabled="true" style="padding-bottom: 30px;"></TimeRange>
					<p style="padding-bottom: 10px; font-weight: 550;">服务机构</p>
					<view class="content">
						<image class="fwjgimg" src="@/subPage1/static/service/fuwujigou.svg" mode="heightFix"></image>
						<view class="text-section">
							<text>服务方：{{projectObj.name}}</text></br>
							<text>地址：{{projectObj.address}}</text>
						</view>
					</view>
				</view>
				<u--form labelPosition="left" :model="model" :rules="rules" ref="form">
					<u-form-item class="crop" v-if="breedingFlag || purchaseFlag || tillingLandFlag">
						<span class="red-dot" style="display: inline-block; vertical-align: middle;"></span>
						<view style="font-size: 12px;font-weight: 550; ">
							请选择您需服务的作物品种
						</view>
					</u-form-item>
					<u-form-item prop="formData.type" class="crop1"
						v-if="breedingFlag || purchaseFlag || tillingLandFlag">
						<u-radio-group placement="row" size="32" style="display: flex;flex-wrap: wrap; ">
							<u-radio labelSize="24" iconSize="24" :customStyle="{marginRight:'8px'}"
								v-for="(item, index) in checkboxList" :key="index" :label="item.plantTypeName"
								:name="item.plantTypeId" @change="checkboxChange(index)" shape="square"></u-radio>
						</u-radio-group>
					</u-form-item>
					<!--农产品加工-->
					<u-form-item label="加工项目" prop="formData.xiangMu" @click="hideKeyboard()" class="picker"
						v-if="dryingFlag">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/machinery/xingming.png" mode="heightFix">
							</image>
						</view>
						<picker mode=selector @cancel="xiangMuClose" @change="selectXiangMu" range-key="name"
							:value="model.formData.method" :range="orderObjNameList">
							<u--input v-model="model.formData.xiangMu" style="pointer-events: none" disabled
								disabledColor="#ffffff" placeholder="请选择项目名称" border="none"></u--input>
							<u-icon name="arrow-down"></u-icon>
						</picker>
					</u-form-item>
					<u-form-item label="加工量(斤)" prop="formData.dryingWeight" v-if="dryingFlag">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/machinery/xingming.png" mode="heightFix">
							</image>
						</view>
						<u--input v-model="model.formData.dryingWeight" type="number" placeholder='请输入斤数'
							border="none"></u--input>
					</u-form-item>

					<u-form-item label="加工价格" v-if="dryingFlag && computedPrice > 0">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/machinery/xingming.png" mode="heightFix">
							</image>
						</view>
						{{computedPrice}}元
						<!-- <u--input v-model="computedPrice" disabled placeholder='请输入价格'
							border="none"></u--input> -->
					</u-form-item>
					
					<!-- 公共
					<view style="margin: 15px 0px 15px 20px; font-size: 12px;font-weight: 550; ">
						<span class="red-dot" style="display: inline-block; vertical-align: middle;"></span>
						请填写基本信息
					</view>
					<!--维保服务-->
					<u-form-item label="维保类型" prop="formData.maintenance" v-if="MaintenanceFlag ">
						<view class="left-image">
							<image class="left-img" src="@/static/index-message/weibao.svg" mode="heightFix"></image>
						</view>
						<view class="picker-container">
							<picker @change="weibaoleixing" :value="optionsindex"
								:range="options.map(item => item.name)">
								<view :class="{ 'gray-text': optionsindex === 0 }">{{options[optionsindex].name}}</view>
							</picker>
							<image v-if="optionsindex=== 0" src="@/static/triangle.svg" class="dropdown-icon"></image>
						</view>
					</u-form-item>
					<u-form-item label="维保农机类型" prop="formData.equipmentTypeId" v-if="MaintenanceFlag	">
						<view class="left-image">
							<image class="left-img" src="@/static/index-message/weibaonj.svg" mode="heightFix"></image>
						</view>
						<view class="picker-container">
							<picker @change="changeEquipmentType" :value="tabListindex"
								:range="tabList.map(item => item.equipmentTypeName)">
								<view v-if="tabList.length > 0" :class="{ 'gray-text': tabListindex === 0 }">
									{{ tabList[tabListindex].equipmentTypeName }}
								</view>
							</picker>
							<image v-if="tabListindex=== 0" src="@/static/triangle.svg" class="dropdown-icon"></image>
						</view>
					</u-form-item>

					<!--农机封存-->
					<u-form-item label="封存类型" prop="formData.sealingtype" v-if="sealingFlag ">
						<view class="left-image">
							<image class="left-img" src="@/static/index-message/fclx.svg" mode="heightFix"></image>
						</view>
						<view class="picker-container">
							<picker @change="nongjifengcun" :value="optionsindex2"
								:range="options2.map(item => item.name)">
								<view :class="{ 'gray-text': optionsindex2 === 0 }">{{options2[optionsindex2].name}}
								</view>
							</picker>
							<image v-if=" optionsindex2 === 0 " src="@/static/triangle.svg" class="dropdown-icon">
							</image>
						</view>
					</u-form-item>
					<u-form-item label="封存农机类型" prop="formData.equipmentTypeId" v-if="sealingFlag">
						<view class="left-image">
							<image class="left-img" src="@/static/index-message/njfc.svg" mode="heightFix"></image>
						</view>
						<view class="picker-container">
							<picker @change="changeEquipmentType" :value="tabListindex"
								:range="tabList.map(item => item.equipmentTypeName)">
								<view v-if="tabList.length > 0" :class="{ 'gray-text': tabListindex === 0 }">
									{{ tabList[tabListindex].equipmentTypeName }}
								</view>
							</picker>
							<image v-if="tabListindex=== 0" src="@/static/triangle.svg" class="dropdown-icon"></image>
						</view>
					</u-form-item>
					<u-form-item label="服务地址"
						v-if="sealingFlag && options2[optionsindex2].name=='服务点封存' && model.formData.sitelocation!==''">
						<view class="left-image">
							<image class="left-img" src="@/static/index-message/fuwudizhi.svg" mode="heightFix"></image>
						</view>
						<view class="text-section">
							<u--input border="none" v-model='model.formData.sitelocation' disabled
								disabledColor="#ffffff"></u--input>
						</view>
					</u-form-item>
					<u-form-item label="服务地址"
						v-if="MaintenanceFlag && options[optionsindex].name=='服务点维保' && model.formData.sitelocation!==''">
						<view class="left-image">
							<image class="left-img" src="@/static/index-message/fuwudizhi.svg" mode="heightFix"></image>
						</view>
						<view class="text-section">
							<u--input border="none" v-model='model.formData.sitelocation' disabled
								disabledColor="#ffffff"></u--input>
						</view>
					</u-form-item>
					<u-form-item label="联系人" prop="formData.FGZD_LXR">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/machinery/xingming.png" mode="heightFix">
							</image>
						</view>
						<u--input v-model="model.formData.FGZD_LXR" placeholder='请输入姓名' border="none"></u--input>
					</u-form-item>

					<u-form-item label="联系电话" prop="formData.FGZD_LXDH">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/machinery/lianxidianhua.png"
								mode="heightFix">
							</image>
						</view>
						<u-input v-model="model.formData.FGZD_LXDH" :type="'number'" placeholder='请输入电话号'
							border="none"></u-input>
					</u-form-item>
					<!-- 翻耕整地 -->
					<u-form-item label="服务亩数" prop="formData.FGZD_FWMS" v-if="tillingLandFlag ">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service-order/mushu.png" mode="heightFix">
							</image>
						</view>
						<u--input v-model="model.formData.FGZD_FWMS" type="number" placeholder='请输入服务亩数'
							border="none"></u--input>
					</u-form-item>

					<!-- 育秧 -->
					<u-form-item label="育秧盘数" prop="formData.num" v-if="breedingFlag">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/machinery/xingming.png" mode="heightFix">
							</image>
						</view>
						<u--input v-model="model.formData.num" type="number" placeholder='请输入盘数'
							border="none"></u--input>
					</u-form-item>

					<u-form-item label="提货方式" prop="formData.method" borderBottom @click="hideKeyboard()" class="picker"
						v-if="breedingFlag">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service/type.png" mode="heightFix"></image>
						</view>
						<picker mode=selector @cancel="methodClose" @change="selectMethod" range-key="name"
							:value="model.formData.method" :range="methodList">
							<u--input v-model="model.formData.method" style="pointer-events: none" disabled
								disabledColor="#ffffff" placeholder="请选择提货方式" border="none"></u--input>
							<u-icon name="arrow-down"></u-icon>
						</picker>
					</u-form-item>
					<!-- 直播带货 -->
					<u-form-item label="带货主播" prop="formData.anchorName" v-if="livestreamMarketingFlag"
						@click="selectAnchor">
						<view class="left-image">
							<image class="left-img" src="@/static/index-message/zhubo.png" mode="heightFix">
							</image>
						</view>

						<u--input v-model="model.formData.anchorName" placeholder="去选主播" style="pointer-events: none"
							disabled border="none" disabledColor="#ffffff"></u--input>
						<uni-icons type="arrowright" color="#adadad" style="margin-right: 25px;"></uni-icons>
					</u-form-item>
					<!-- 作物收购 -->

					<u-form-item label="收购方式" prop="formData.buyMethod" borderBottom @click="hideKeyboard()"
						class="picker" v-if="purchaseFlag && this.model.formData.type.length > 0">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service/type.png" mode="heightFix"></image>
						</view>
						<picker mode=selector @cancel="buyMethodClose" @change="selectBuyMethod" range-key="name"
							:value="model.formData.buyMethod" :range="buyMethodList">
							<u--input v-model="model.formData.buyMethod" style="pointer-events: none" disabled
								disabledColor="#ffffff" placeholder="请选择提货方式" border="none"></u--input>
							<u-icon name="arrow-down"></u-icon>
						</picker>
					</u-form-item>

					<u-form-item label="收购斤数" prop="formData.buyJin" v-if="purchaseFlag">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/machinery/xingming.png" mode="heightFix">
							</image>
						</view>
						<u--input v-model="model.formData.buyJin" type="number" placeholder='请输入斤数'
							border="none"></u--input>
					</u-form-item>

					<u-form-item label="上门地址" prop="formData.AllName"
						v-if="(purchaseFlag && buyMethodId === 1) || (MaintenanceFlag && options[optionsindex].name=='上门维保')|| (sealingFlag && options2[optionsindex2].name=='上门封存')">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service-order/quyu.png" mode="heightFix">
							</image>
						</view>
						<picker mode="multiSelector" :range="areaList" range-key="name" :value="value"
							@columnchange="columnchange" @change="bindPickerChange">
							<u--input v-model="model.formData.AllName" style="pointer-events: none" disabled
								disabledColor="#ffffff" border="none" placeholder='请选择所在区域'></u--input>
						</picker>
					</u-form-item>
					<u-form-item label="详细地址" prop="formData.FGZD_JTDZ" class="fullAddress"
						v-if="(purchaseFlag && buyMethodId === 1) || (MaintenanceFlag && options[optionsindex].name=='上门维保') || (sealingFlag && options2[optionsindex2].name=='上门封存')">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service-order/jutidizhi.png"
								mode="heightFix">
							</image>
						</view>
						<u--input class="textarea" v-model="model.formData.FGZD_JTDZ" placeholder='请输入具体地址'
							border="none" style="display: flex;"></u--input>
					</u-form-item>
					<u-form-item :label="label1" prop="formData.startTime" @click="showTimeDialog1"
						v-if="purchaseFlag || tillingLandFlag || dryingFlag || MaintenanceFlag || sealingFlag">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service-order/calendar.png" mode="heightFix">
							</image>
						</view>
						<view style="pointer-events: none;">
							<u--input v-model="model.formData.startTime" readonly placeholder='请选择开始服务时间'
								border="none"></u--input>
						</view>
						<u-datetime-picker :show="showTimeStartFlag" :minDate="Number(new Date())" v-model="startTime"
							mode="datetime" @confirm="getShowStartTime" :formatter='formatter'
							@cancel="showTimeStartFlag=false">
						</u-datetime-picker>
					</u-form-item>
					<u-form-item :label="label2" prop="formData.endTime" @click="showTimeDialog2"
						v-if="tillingLandFlag || MaintenanceFlag || sealingFlag">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service-order/calendar.png" mode="heightFix">
							</image>
						</view>
						<view style="pointer-events: none;">
							<u--input v-model="model.formData.endTime" placeholder='请选择结束服务时间' border="none"></u--input>
						</view>
						<u-datetime-picker :show="showTimeEndFlag" v-model="startTime" mode="datetime"
							@confirm="getShowEndTime" :formatter='formatter' @cancel="showTimeEndFlag=false">
						</u-datetime-picker>
					</u-form-item>
					<!-- 直播 -->
					<u-form-item label="直播日期" prop="formData.date" @click="showDateFlag = true"
						v-if="livestreamMarketingFlag && model.formData.anchorName">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service-order/calendar.png" mode="heightFix">
							</image>
						</view>
						<view style="pointer-events: none;">
							<u--input v-model="model.formData.date" placeholder='请选择直播日期' border="none"></u--input>
						</view>
						<u-datetime-picker :show="showDateFlag" v-model="date" mode="date" @confirm="getDate"
							:formatter='formatter' :minDate="Number(new Date())" @cancel="showDateFlag=false">
						</u-datetime-picker>
					</u-form-item>
					<u-form-item :label="label1" prop="formData.liveTimeBegin" @click="showTimeLiveDialog1"
						v-if="livestreamMarketingFlag && model.formData.anchorName">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service-order/calendar.png" mode="heightFix">
							</image>
						</view>
						<view style="pointer-events: none;">
							<u--input v-model="model.formData.liveTimeBegin" readonly placeholder='请选择开始服务时间'
								border="none"></u--input>
						</view>
						<u-datetime-picker :show="showTimeStartLiveFlag" :minHour="minHour" :maxHour="maxHour"
							:minMinute="model.formData.liveTimeBegin.split(':')[0]*1 == minHour ? minMinute : 0"
							v-model="liveTimeBegin" mode="time" @confirm="getShowStartLiveTime"
							@change="changeLiveTime1" @cancel="showTimeStartLiveFlag=false">
						</u-datetime-picker>
					</u-form-item>
					<u-form-item :label="label2" prop="formData.liveTimeEnd" @click="showTimeLiveDialog2"
						v-if="livestreamMarketingFlag && model.formData.anchorName">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service-order/calendar.png" mode="heightFix">
							</image>
						</view>
						<view style="pointer-events: none;">
							<u--input v-model="model.formData.liveTimeEnd" readonly placeholder='请选择开始服务时间'
								border="none"></u--input>
						</view>
						<u-datetime-picker :show="showTimeEndLiveFlag" :minHour="minHour" :maxHour="maxHour"
							:maxMinute="model.formData.liveTimeEnd.split(':')[0]*1 === maxHour ? maxMinute : 0"
							v-model="liveTimeEnd" mode="time" @confirm="getShowEndLiveTime" @change="changeLiveTime2"
							:formatter='formatter' @cancel="showTimeEndLiveFlag=false">
						</u-datetime-picker>
					</u-form-item>
					<!-- 土地租凭 -->
					<u-form-item label="租凭面积" prop="formData.area" v-if="landLeaseFlag">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/machinery/xingming.png" mode="heightFix">
							</image>
						</view>
						<u--input v-model="model.formData.area" type="number" placeholder='请输入面积'
							border="none"></u--input>
					</u-form-item>
					<u-form-item label="租凭年数" prop="formData.year" v-if="landLeaseFlag">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/machinery/xingming.png" mode="heightFix">
							</image>
						</view>
						<u--input v-model="model.formData.year" type="number" placeholder='请输入年数'
							border="none"></u--input>
					</u-form-item>
					<u-form-item prop="formData.arable" v-if="landLeaseFlag" class="arables">
						<view class="arable">
							<view class="arable-main">
								<view class="title">
									选择地块
								</view>
								<view class="arableBtn" @click="selectArable" v-show="model.formData.arable.length < 1">
									去选择地块
								</view>
								<view v-for="item in 6" :key="item" class="item"
									v-show="model.formData.arable.length >= 1">
									<view class="name">
										jg001
									</view>
									<view class="area">
										10亩
									</view>
									<u-icon name="trash-fill"></u-icon>
								</view>
							</view>
							<view class="addArable" v-show="model.formData.arable.length >= 1">
								继续添加
							</view>
						</view>
					</u-form-item>
					<!-- 翻耕整地 -->
					<u-form-item label="自选服务农机" @click="showpop" :prop="equipmentFlag ? 'formData.machinery' : ''"
						v-show="isChooseMachinery >= 1 && this.equipmentList.length > 0 && tillingLandFlag">
						<view class="left-image">
							<image class="left-img" src="@/subPage1/static/service-order/machinery.png"
								mode="heightFix">
							</image>
						</view>
						<view style="pointer-events: none;">
							<u--input v-model="model.formData.machinery" placeholder='选择农机' border="none"></u--input>
						</view>

					</u-form-item>
					<!-- 农机租赁 -->
					<u-form-item label="备注" v-if="machineryFlag || arableFlag || MaintenanceFlag  ||sealingFlag">
						<view class="left-image">
							<image class="left-img" src="@/static/index-message/beizhu.svg" mode="heightFix">
							</image>
						</view>
						<u--input v-model="model.formData.remark" type="textarea" placeholder='请输入备注'
							border="none"></u--input>
					</u-form-item>
					<!-- 直播带货 -->
					<u-form-item label="带货产品" prop="formData.product" v-if="livestreamMarketingFlag">
						<view class="left-image">
							<image class="left-img" src="@/static/index-message/shougou.png" mode="heightFix">
							</image>
						</view>
						<u--input v-model="model.formData.product" placeholder='请输入带货产品' border="none"></u--input>
					</u-form-item>



				</u--form>
			</scroll-view>
		</view>
		<view class="total-prices" v-if="tillingLandFlag">
			<view class="prices">
				<view class="title">
					预计价格：
				</view>
				<view class="price" v-if="model.formData.FGZD_FWMS && unitPrice">
					{{(model.formData.FGZD_FWMS * unitPrice).toFixed(2)}}元
				</view>
			</view>
		</view>
		<view class="submit">
			<button @click="submit()" class="submit-btn">
				<text>
					<template v-if="livestreamMarketingFlag">
						提交预约
					</template>
					<template v-else>
						提交订单
					</template>
				</text>
			</button>
		</view>
		<u-popup class="popUp" :show="showPop" :round="10" mode="bottom" width="100%" height="100%" :closeable="false"
			@close="showPop=false">
			<view class="popUpOperate">
				<view class="center">
					自选农机
				</view>
			</view>
			<scroll-view scroll-y="true" :style="{height:setcollapseheight() - 130 + 'px'}" style="margin-top: 10rpx;">
				<view class="popItem" v-for="item in equipmentList" :key="item.id" @click="popConfirm(item)">
					<view class="first" v-if="item.pictureList !== null">
						<view class="popItemTop" v-for="(it,itIndex) in item.pictureList" :key="itIndex">
							<image :src="it" mode=""></image>
						</view>
					</view>
					<view class="first" v-else>
						<view class="popItemTop">
							<template v-if="item.equipmentName.includes('旋')">
								<image src="@/static/machinery/xuangeng.png" mode=""></image>
							</template>
							<template v-else-if="item.equipmentName.includes('拖拉')">
								<image src="@/static/machinery/tuola.png" mode=""></image>
							</template>
							<template v-else-if="item.equipmentName.includes('打捆')">
								<image src="@/static/machinery/dakun.png" mode=""></image>
							</template>
							<template v-else-if="item.equipmentName.includes('插秧')">
								<image src="@/static/machinery/chayang.png" mode=""></image>
							</template>
							<template v-else-if="item.equipmentName.includes('洒肥')">
								<image src="@/static/machinery/safei.png" mode=""></image>
							</template>
							<template v-else>
								<image src="@/static/machinery/shouge.png" mode=""></image>
							</template>
						</view>
					</view>
					<view class="tip">
						*图片仅供参考，以实际农机为准
					</view>
					<view class="title">
						{{item.equipmentName}}
					</view>
				</view>
			</scroll-view>
		</u-popup>
	</view>
</template>

<script>
	import informationFillingAPI from '@/api/socialized-servce/farm-service/normalUser/serviceSelect/service-organization/information-filling/index.js'
	import {
		addressList
	} from '@/subPage1/plugins/address.js'
	import {
		param
	} from '../../../../../plugins/navTo'
	import TimeRange from '../../components/TimeRangeSelect/index.vue'
	import API from '@/api/socialized-servce/farm-service/user/selectAnchor/index.js'
	export default {
		components: {
			TimeRange
		},
		data() {
			return {
				options: [{
					name: '请选择维保类型',
					id: 0
				}],
				optionsindex: 0,
				options2: [{
					name: '请选择封存类型',
					id: 0
				}],
				optionsindex2: 0,
				tabList: [{
					equipmentTypeName: "请选择农机类型",
					id: 0
				}],
				tabLists: [],
				tabListindex: 0,
				storedDate: [],
				projectObj: {},
				projectObj2:{},
				svcClassId: null,
				svcObjId: null,
				propertiesKey: [],
				svcObjIdPropertyMap: [],
				plantTypeIds: [], //关联作物
				unitPrice: '', //单价
				processAbility: null, //烘干能力
				serviceName: '',
				serviceAbility: '',
				// 期望时间
				showTimeStartFlag: false,
				showTimeEndFlag: false,
				startTime: Number(new Date()),
				date: Number(new Date()),
				showDateFlag: false,
				// 省市区
				areaList: [],
				value: [0, 0, 0],
				index: 0,
				AllAddress: addressList,
				selectVal: ['', '', ''],
				checkboxList: [],
				methodList: [{
						name: '送货上门',
						id: 1
					},
					{
						name: '站点提货',
						id: 2
					}
				],
				liveTimeBegin: '',
				liveTimeEnd: '',
				showTimeStartLiveFlag: false,
				showTimeEndLiveFlag: false,
				orderObjNameList: [], //加工项目列表
				buyMethodList: [],
				buyMethodLists: [],
				equipmentList: [],
				buyMethodId: null,
				model: {
					formData: {
						type: [],
						maintenance: null, //维保类型
						equipmentTypeId: null, //维保/封存的农机类型名称
						equipmentTypeName: null, //维保/封存的农机类型ID
						sealingtype: null, //封存类型
						sitelocation: '', //维保/封存站点地址
						typeName: [],
						num: null, //育秧
						method: '',
						dryingWeight: null, //农产品加工
						xiangMu: '',
						dryingPrice: null,
						buyJin: null, //农产品收购
						buyMethod: '',
						AllName: '',
						provinceId: '',
						cityId: '',
						areaId: '',
						startTime: '',
						endTime: '',
						FGZD_JTDZ: '',
						FGZD_LXR: '', //公共
						FGZD_LXDH: '',
						anchorName: '', //直播
						liveTimeEnd: '',
						liveTimeBegin: '',
						anchorId: '',
						product: '',
						area: null, //土地租凭
						year: null,
						arable: [],
						machinery: '',
						machineryName: '',
						remark: '', //农机租赁

					},
				},
				rules: {
					'formData.type': {
						type: 'array',
						validator: (rule, value, callback) => {
							if (this.model.formData.type.length > 0) {
								return true
							} else {
								if (this.checkboxList.length > 0) {
									return false
								} else {
									return true
								}
							}
						},
						required: true,
						message: '请选择需服务的作物品种',
						trigger: ['change']
					},
					'formData.FGZD_FWMS': [{
							type: 'number',
							required: true,
							message: '服务亩数不能为空',
							trigger: ['blur', 'change']
						},
						{
							type: 'number',
							validator: (rule, value, callback) => {
								if (this.model.formData.FGZD_FWMS) {
									let str = `${this.model.formData.FGZD_FWMS}`
									if (str.split('.')[1].length > 2) {
										return false
									} else {
										return true
									}
								} else {
									return true
								}
							},
							message: '只能保留两位小数',
							trigger: ['blur', 'change']
						}
					],
					'formData.maintenance': {
						type: 'string',
						required: true,
						message: '请选择维保类型',
						trigger: ['blur', 'change']
					},
					'formData.sealingtype': {
						type: 'string',
						required: true,
						message: '请选择封存类型',
						trigger: ['blur', 'change']
					},
					'formData.equipmentTypeId': {
						type: 'number',
						required: true,
						message: '请选择农机类型',
						trigger: ['blur', 'change']
					},
					'formData.num': {
						type: 'number',
						required: true,
						message: '请输入盘数',
						trigger: ['blur', 'change']
					},
					'formData.method': {
						type: 'string',
						required: true,
						message: '请选择收货方式',
						trigger: ['blur', 'change']
					},
					'formData.dryingWeight': {
						type: 'number',
						required: true,
						message: '请输入斤数',
						trigger: ['blur', 'change']
					},
					'formData.xiangMu': {
						type: 'string',
						required: true,
						message: '请输入项目名称',
						trigger: ['blur', 'change']
					},
					'formData.product': {
						type: 'string',
						required: true,
						message: '请输入带货产品',
						trigger: ['blur', 'change']
					},
					'formData.dryingPrice': {
						type: 'number',
						required: true,
						message: '请输入价格',
						trigger: ['blur', 'change']
					},
					'formData.buyJin': {
						type: 'number',
						required: true,
						message: '请输入收购斤数',
						trigger: ['blur', 'change']
					},
					'formData.buyMethod': {
						type: 'string',
						required: true,
						message: '请选择收购方式',
						trigger: ['blur', 'change']
					},
					'formData.startTime': [{
							type: 'string',
							required: true,
							message: '期望开始时间不能为空',
							trigger: ['blur', 'change']
						},
						{
							type: 'string',
							validator: (rule, value, callback) => {
								if (this.model.formData.endTime) {
									if (new Date(value).getTime() < new Date(this.model.formData.endTime)
										.getTime()) {
										return true
									} else {
										return false
									}
								} else {
									return true
								}
							},
							message: '期望开始时间不能大于等于期望结束时间',
							trigger: ['blur', 'change']
						}
					],
					'formData.endTime': [{
							type: 'string',
							required: true,
							message: '期望结束时间不能为空',
							trigger: ['blur', 'change']
						},
						{
							type: 'string',
							validator: (rule, value, callback) => {
								if (this.model.formData.startTime) {
									if (new Date(value).getTime() > new Date(this.model.formData.startTime)
										.getTime()) {
										return true
									} else {
										return false
									}
								} else {
									return true
								}
							},
							message: '期望结束时间不能小于等于期望开始时间',
							trigger: ['blur', 'change']
						}
					],
					'formData.date': [{
						type: 'string',
						required: true,
						message: '带货直播日期不能为空',
						trigger: ['blur', 'change']
					}, ],
					'formData.liveTimeBegin': [{
							type: 'string',
							required: true,
							message: '带货开始时间不能为空',
							trigger: ['blur', 'change']
						},
						{
							type: 'string',
							validator: (rule, value, callback) => {
								if (this.model.formData.liveTimeEnd) {
									let a = this.model.formData.liveTimeBegin.split(':')[0] * 60 + this.model
										.formData.liveTimeBegin.split(':')[1] * 1
									let b = this.model.formData.liveTimeEnd.split(':')[0] * 60 + this.model
										.formData.liveTimeEnd.split(':')[1] * 1
									if (a < b) {
										return true
									} else {
										return false
									}
								} else {
									return true
								}
							},
							message: '带货开始时间不能大于等于带货结束时间',
							trigger: ['blur', 'change']
						}
					],
					'formData.liveTimeEnd': [{
							type: 'string',
							required: true,
							message: '带货结束时间不能为空',
							trigger: ['blur', 'change']
						},
						{
							type: 'string',
							validator: (rule, value, callback) => {
								if (this.model.formData.liveTimeBegin) {
									let a = this.model.formData.liveTimeBegin.split(':')[0] * 60 + this.model
										.formData.liveTimeBegin.split(':')[1] * 1
									let b = this.model.formData.liveTimeEnd.split(':')[0] * 60 + this.model
										.formData.liveTimeEnd.split(':')[1] * 1
									if (a < b) {
										return true
									} else {
										return false
									}
								} else {
									return true
								}
							},
							message: '带货结束时间不能小于等于带货开始时间',
							trigger: ['blur', 'change']
						}
					],
					'formData.anchorName': {
						type: 'string',
						required: true,
						message: '带货主播不能为空',
						trigger: ['blur', 'change']
					},
					'formData.AllName': {
						type: 'string',
						required: true,
						message: '所在区域不能为空',
						trigger: ['blur', 'change']
					},
					'formData.FGZD_JTDZ': {
						type: 'string',
						required: true,
						message: '地址不能为空',
						trigger: ['blur', 'change']
					},
					'formData.area': {
						type: 'number',
						required: true,
						message: '面积不能为空',
						trigger: ['blur', 'change']
					},
					'formData.year': {
						type: 'number',
						required: true,
						message: '租凭年数不能为空',
						trigger: ['blur', 'change']
					},
					'formData.arable': {
						type: 'array',
						required: true,
						message: '请选择地块',
						trigger: ['blur', 'change']
					},
					'formData.FGZD_LXR': {
						type: 'string',
						required: true,
						message: '请填写姓名',
						trigger: ['blur', 'change']
					},
					'formData.FGZD_LXDH': [{
							type: 'string',
							required: true,
							message: '请填写联系电话',
							trigger: ['blur', 'change']
						},
						{
							type: 'string',
							validator: (rule, value, callback) => {
								if (value.length <= 11) {
									if (value != '') {
										return this.$u.test.mobile(value)
									}
								} else {
									return false
								}
							},
							message: '手机号格式不对,请输入正确的手机号',
							trigger: ['blur', 'change']
						},
					]
				},
				label1: '',
				label2: '',
				showPop: false,
				isChooseMachinery: 0,
				equipmentId: '',
				equipmentIdList: [],
				equipmentFlag: false,
				checkLessee: false, //租户
				minHour: null,
				maxHour: null,
				minMinute: null,
				maxMinute: null
			}
		},
		props: {
			sealingFlag: {
				type: Boolean,
				default: () => false
			},
			MaintenanceFlag: {
				type: Boolean,
				default: () => false
			},
			breedingFlag: {
				type: Boolean,
				default: () => false
			},
			dryingFlag: {
				type: Boolean,
				default: () => false
			},
			purchaseFlag: {
				type: Boolean,
				default: () => false
			},
			livestreamMarketingFlag: {
				type: Boolean,
				default: () => false
			},
			anchorId: {
				type: String,
				default: () => ''
			},
			anchorName: {
				type: String,
				default: () => ''
			},
			product: {
				type: String,
				default: () => ''
			},
			anchorPrice: {
				type: Number,
				default: () => ''
			},
			liveTimeBegin1: {
				type: String,
				default: () => null
			},
			liveTimeEnd1: {
				type: String,
				default: () => null
			},
			endTime: {
				type: String,
				default: () => ''
			},
			landLeaseFlag: {
				type: Boolean,
				default: () => false
			},
			tillingLandFlag: {
				type: Boolean,
				default: () => false
			},
			machineryFlag: {
				type: Boolean,
				default: () => false
			},
			arableFlag: {
				type: Boolean,
				default: () => false
			},
			relateDevice: {
				type: String,
				default: () => ''
			},
			relateDeviceName: {
				type: String,
				default: () => ''
			},
			svcObjIds: {
				type: String,
				default: () => ''
			},
			expectPrice: {
				type: Number,
				default: () => 0
			},
			day: {
				type: Number,
				default: () => 0
			}
		},
		computed: {
			computedPrice() {
				return this.unitPrice * this.model.formData.dryingWeight
			}
		},
		created() {
			this.storedDate = uni.getStorageSync('datetimerange') || [];
			this.svcObjIdPropertyMap = uni.getStorageSync('svcObjIdPropertyMap')
			console.log(uni.getStorageSync('svcObjIdPropertyMap'))
			// console.log(this.svcObjIdPropertyMap);
			this.svcClassId = uni.getStorageSync('svcClassId')
			for (let k in this.svcObjIdPropertyMap) {
				let params = {}
				this.svcObjIdPropertyMap[k].forEach(el => {
					if (el.expression === 'relatePlant') {
						this.plantTypeIds = [...this.plantTypeIds, ...el.textValue.split(',')]
						this.plantTypeIds = [...new Set(this.plantTypeIds)]
					}
					if (el.expression === 'orderObjName') {
						params['name'] = el.textValue
					}
					if (el.expression === 'orderObjId') {
						params['id'] = el.textValue
					}

				})
				this.orderObjNameList.push(params)
			}
			if (this.endTime) {
				this.model.formData.endTime = this.getTime(this.endTime)
			}
			if (this.liveTimeBegin1) {
				this.model.formData.liveTimeBegin = this.liveTimeBegin1
				this.minHour = this.liveTimeBegin1.split(':')[0] * 1
				this.minMinute = this.liveTimeBegin1.split(':')[1] * 1
			}
			if (this.liveTimeEnd1) {
				this.model.formData.liveTimeEnd = this.liveTimeEnd1
				this.maxHour = this.liveTimeEnd1.split(':')[0] * 1
				this.maxMinute = this.liveTimeEnd1.split(':')[1] * 1
			}
			this.model.formData.anchorName = this.anchorName
			this.model.formData.anchorId = this.anchorId
			this.model.formData.product = this.product
			let userInfo = JSON.parse(uni.getStorageSync('userServerInfo'))
			this.checkLessee = userInfo.checkLessee //租户
			this.model.formData.FGZD_LXR = userInfo.userName
			this.model.formData.FGZD_LXDH = userInfo.phoneNumber
			if (this.breedingFlag) {
				this.serviceName = '育秧服务'
				this.serviceAbility = '育秧价格'
			}
			if (this.dryingFlag) {
				this.label1 = '期望服务时间'
				this.serviceName = '农产品加工服务'
				this.serviceAbility = '加工能力'
			}
			if (this.purchaseFlag) {
				this.serviceName = '农产品收购服务'
				this.label1 = '期望开始时间'
				this.label2 = '期望结束时间'
				// 省市区
				this.initSelect()
			}
			if (this.livestreamMarketingFlag) {
				this.serviceName = '直播带货'
				this.label1 = '带货开始时间'
				this.label2 = '带货结束时间'
			}
			if (this.landLeaseFlag) {
				this.serviceName = '土地租赁服务'
			}
			if (this.tillingLandFlag) {
				this.label1 = '期望开始时间'
				this.label2 = '期望结束时间'
				let myarableInfo = uni.getStorageSync('myarableInfo')
				this.model.formData.FGZD_JTDZ = myarableInfo.address
				this.model.formData.AllName = myarableInfo.regionStr
				this.model.formData.provinceId = myarableInfo.provinceId
				this.model.formData.cityId = myarableInfo.cityId
				this.model.formData.areaId = myarableInfo.areaId
			}
			if (this.tillingLandFlag) {
				this.serviceName = uni.getStorageSync('serviceTypeName1')
			}
			if (this.MaintenanceFlag) {
				this.serviceName = uni.getStorageSync('serviceTypeName1')
				this.label1 = '期望开始时间'
				this.label2 = '期望结束时间'
				this.initSelect()
			}
			if (this.sealingFlag) {
				this.serviceName = uni.getStorageSync('serviceTypeName1')
				this.label1 = '期望开始时间'
				this.label2 = '期望结束时间'
				this.initSelect()
			}
		},
		mounted() {
			this.weibao()
			if(!this.livestreamMarketingFlag){
				this.projectObj = JSON.parse(uni.getStorageSync('projectObj'))
			}
				
			this.zulintime = uni.getStorageSync('datetimerange');
			if(this.dryingFlag || this.tillingLandFlag || this.purchaseFlag) {
							this.getCropVariety()
						}
						this.getPropertiesKey()
		},
		methods: {
			// 维保类型
			async weibao() {
				let res = await API.queryMachineryType(uni.getStorageSync('organizationNo'))
				if (res.code === 200) {
					this.tabLists.push(...res.data);
				}
				for (let k in this.svcObjIdPropertyMap) {
					let maintenanceTypes = new Set();
					let storeTypes = new Set();
					this.svcObjIdPropertyMap[k].forEach(el => {
						// 维保类型
						if (el.expression === 'maintenanceTypes') {
							let arr = el.textValue.split(';');
							arr.forEach(option => maintenanceTypes.add(option));
						}

						// 封存类型
						if (el.expression === 'storeTypes') {
							let arr = el.textValue.split(';');
							arr.forEach(option => storeTypes.add(option));
						}
					});
					maintenanceTypes.forEach(option => {
						let optionName;
						switch (option) {
							case '0':
								optionName = '服务点维保';
								break;
							case '1':
								optionName = '上门维保';
								break;
						}
						if (!this.options.find(opt => opt.name === optionName)) {
							this.options.push({
								name: optionName,
								id: option
							});
						}
					});
					// 添加封存类型选项
					storeTypes.forEach(option => {
						let optionName;
						switch (option) {
							case '0':
								optionName = '服务点封存';
								break;
							case '1':
								optionName = '上门封存';
								break;
						}
						if (!this.options2.find(opt => opt.name === optionName)) {
							this.options2.push({
								name: optionName,
								id: option
							});
						}
					});
				}
			},
			//	维保类型选择
			weibaoleixing: function(e) {
				this.optionsindex = e.detail.value
				let selectedStoreType = 0;
				this.tabList = this.tabList.slice(0, 1);
				this.tabListindex = 0;
				this.unitPrice = 0;
				if (e.detail.value !== 0) {
					this.model.formData.maintenance = this.options[this.optionsindex].name === '服务点维保' ? '0' : '1';
					selectedStoreType = this.options[this.optionsindex].name === '服务点维保' ? '0' : '1';
				} else {
					this.model.formData.maintenance = null;
				}
				for (let k in this.svcObjIdPropertyMap) {
					let record = this.svcObjIdPropertyMap[k];
					let storeTypesMatch = record.some(el => el.expression === 'maintenanceTypes' && el.textValue
						.includes(
							selectedStoreType));
					if (storeTypesMatch) {
						let equipmentTypesEl = record.find(el => el.expression === 'equipmentTypes');
						if (equipmentTypesEl) {
							let arr = equipmentTypesEl.textValue.split(';');
							let uniqueOptions = [...new Set(arr)];
							uniqueOptions.forEach(option => {
								this.tabLists.forEach(tabItem => {
									if (String(tabItem.id) === String(option)) {
										this.tabList.push(tabItem);
									}
								});
							});
						}
					}
				}
			},
			//	封存类型选择
			nongjifengcun: function(e) {
				this.optionsindex2 = e.detail.value
				let selectedStoreType = 0;
				this.tabList = this.tabList.slice(0, 1);
				this.tabListindex = 0;
				if (e.detail.value !== 0) {
					this.model.formData.sealingtype = this.options2[this.optionsindex2].name === '服务点封存' ? '0' : '1';
					selectedStoreType = this.options2[this.optionsindex2].name === '服务点封存' ? '0' : '1';
				} else {
					this.model.formData.sealingtype = null;
				}
				for (let k in this.svcObjIdPropertyMap) {
					let record = this.svcObjIdPropertyMap[k];
					let storeTypesMatch = record.some(el => el.expression === 'storeTypes' && el.textValue.includes(
						selectedStoreType));
					if (storeTypesMatch) {
						let equipmentTypesEl = record.find(el => el.expression === 'equipmentTypes');
						if (equipmentTypesEl) {
							let arr = equipmentTypesEl.textValue.split(';');
							let uniqueOptions = [...new Set(arr)];
							uniqueOptions.forEach(option => {
								this.tabLists.forEach(tabItem => {
									if (String(tabItem.id) === String(option)) {
										this.tabList.push(tabItem);
									}
								});
							});
						}
					}
				}
			},
			// 维保农机类型选择
			changeEquipmentType: function(e) {
				this.tabListindex = e.detail.value;
				let selectedEquipmentType = 0;
				if (e.detail.value !== 0) {
					selectedEquipmentType = this.tabList[e.detail.value].id;
					this.model.formData.equipmentTypeId = selectedEquipmentType;
					this.model.formData.equipmentTypeName = this.tabList[e.detail.value].equipmentTypeName;
				} else {
					this.model.formData.equipmentTypeId = '';
					this.model.formData.equipmentTypeName = '';
				}

				let address = '';
				this.unitPrice = 0;
				for (let k in this.svcObjIdPropertyMap) {
					let record = this.svcObjIdPropertyMap[k];
					let storeTypeMatch = record.some(el => el.expression === 'storeTypes' && el.textValue.includes(this
						.model.formData.sealingtype));
					let equipmentTypeMatch = record.some(el => el.expression === 'equipmentTypes' && el.textValue
						.includes(String(selectedEquipmentType)));
					let maintenanceTypeMatch = record.some(el => el.expression === 'maintenanceTypes' && el.textValue
						.includes(this.model.formData.maintenance));
					if ((storeTypeMatch && equipmentTypeMatch) || (maintenanceTypeMatch && equipmentTypeMatch)) {
						this.svcObjId = k;
						record.forEach(el => {
							if (el.expression === 'station') {
								let arr = el.textValue.split(';');
								let uniqueOptions = [...new Set(arr)];
								uniqueOptions.forEach(option => {
									let ids = option.split(',');
									let province = this.AllAddress.find(p => p.provinceId == ids[0]);
									let city = province ? province.city.find(c => c.cityId == ids[1]) :
										null;
									let area = city ? city.area.find(a => a.areaId == ids[2]) : null;
									// 拼接省市区名称
									if (province) address += province.name;
									if (city) address += city.name;
									if (area) address += area.name;
								});
							}

							if (el.expression === 'stationInfo') {
								address += el.textValue;
							}

							if (el.expression === 'unitPrice') {
								this.unitPrice = el.numValue * 1;
							}
						});
						this.model.formData.sitelocation = address;
						break;
					}
				}
			},

			// 获取code
			async getPropertiesKey() {
				let res = await informationFillingAPI.queryPropertiesKey(this.svcClassId)
				if (res.code === 200) {
					this.propertiesKey = res.data
				}
			},
			// 获取作物品种
			async getCropVariety() {
				let params = {
					plantTypeIds: this.plantTypeIds
				}
				let res = await informationFillingAPI.queryCropVariety(params)
				if (res.code === 200) {
					this.checkboxList = res.data
				}
			},
			checkboxChange(e) {
				// 重置农机选择
				this.equipmentIdList = []
				this.model.formData.machinery = ''
				this.model.formData.machineryName = ''
				this.equipmentId = ''
				this.model.formData.type = []
				this.model.formData.typeName = []
				this.model.formData.buyMethod = ''
				let el = this.checkboxList[e]
				this.model.formData.type.push(el.plantTypeId)
				this.model.formData.typeName.push(el.plantTypeName)
				this.$refs.form.validateField('formData.type')
				if (this.model.formData.type[0] && this.equipmentId) {
					for (let k in this.svcObjIdPropertyMap) {
						const itemIndex = this.svcObjIdPropertyMap[k].findIndex(item => {
							if (item.expression === 'relatePlant' && item.textValue.split(',').includes(
									`${this.model.formData.type[0]}`)) {
								return true
							}
						})
						const itemIndex2 = this.svcObjIdPropertyMap[k].findIndex(item => {
							if (item.expression === 'relateDevice' && item.textValue.includes(
									`${this.equipmentId}`)) {
								return true
							}
						})
						if (itemIndex !== -1 && itemIndex2 !== -1) {
							this.svcObjIdPropertyMap[k].forEach(el => {
								if (el.expression === 'unitPrice') {
									this.unitPrice = el.numValue * 1
								}
							})
						}
					}
				} else if (this.model.formData.type[0]) {
					let num = 0
					for (let k in this.svcObjIdPropertyMap) {
						const itemIndex = this.svcObjIdPropertyMap[k].findIndex(item => {
							if (item.expression === 'relatePlant' && item.textValue.split(',').includes(
									`${this.model.formData.type[0]}`)) {
								return true
							}
						})
						if (itemIndex !== -1) {
							this.svcObjId = k
							this.svcObjIdPropertyMap[k].forEach(el => {
								if (el.expression === 'unitPrice') {
									this.unitPrice = el.numValue * 1
									num += 1
								}
								if (el.expression === 'selfSerivceDevice') {
									this.isChooseMachinery += el.textValue * 1
								}
								if (el.expression === 'relateDevice') {
									this.equipmentIdList = [...this.equipmentIdList, ...el.textValue.split(',')]
								}
								if (el.expression === 'buyMethods') {

									let arr = el.textValue.split(';')
									this.buyMethodLists = arr
									this.buyMethodLists = [...new Set(this.buyMethodLists)]
								}
							})
						}
					}
					this.buyMethodList = this.buyMethodLists.map((el, index) => {
						return {
							name: el,
							id: index + 1
						}
					})
					this.getEquipmentData(this.equipmentIdList)
					if (num > 1) {
						this.unitPrice = 0
						this.equipmentFlag = true
					} else {
						this.equipmentFlag = false
						this.$refs.form.clearValidate('formData.machinery')
					}
				}
				this.$refs.form.validateField('formData.type')
			},
			// 获取服务农机数据
			async getEquipmentData(arr) {
				let params = {
					idList: arr
				}
				let res = await informationFillingAPI.queryEquip(params)
				if (res.code === 200) {
					this.equipmentList = res.data
				}
			},
			// 提货方式
			methodClose() {
				this.$refs.form.validateField('formData.method')
			},
			selectMethod(e) {
				this.model.formData.method = this.methodList[e.detail.value].name
				this.$refs.form.validateField('formData.method')
			},
			// 收购方式
			buyMethodClose() {
				this.$refs.form.validateField('formData.buyMethod')
			},
			selectBuyMethod(e) {
				this.model.formData.buyMethod = this.buyMethodList[e.detail.value].name
				this.buyMethodId = this.buyMethodList[e.detail.value].id
				this.$refs.form.validateField('formData.buyMethod')
			},
			// 选择项目
			xiangMuClose() {
				this.$refs.form.validateField('formData.xiangMu')
			},
			// 选择加工项目
			selectXiangMu(e) {
				this.model.formData.xiangMu = this.orderObjNameList[e.detail.value].name
				for (let k in this.svcObjIdPropertyMap) {
					let itemIndex = this.svcObjIdPropertyMap[k].findIndex(item => {
						if (item.textValue === this.model.formData.xiangMu) {
							return true
						}
					})
					if (itemIndex !== -1) {
						this.svcObjId = k
						this.svcObjIdPropertyMap[k].forEach(el => {
							if (el.expression === 'unitPrice') {
								this.unitPrice = el.numValue * 1
							}
							if (el.expression === 'processAbility') {
								this.processAbility = el.textValue
							}
							if (el.expression === 'relatePlantName') {
								this.model.formData.typeName = el.textValue.split(',')
							}
							if (el.expression === 'relatePlant') {
								this.model.formData.type = el.textValue.split(',')
							}
						})
					}
				}
				this.$refs.form.validateField('formData.xiangMu')
			},
			// 期望开始时间
			showTimeDialog1() {
				this.showTimeStartFlag = true
			},
			// 期望结束时间
			showTimeDialog2() {
				this.showTimeEndFlag = true
			},
			getShowStartTime(e) {
				this.model.formData.startTime = this.getTime(e.value)
				this.showTimeStartFlag = false
				this.$refs.form.validateField('formData.startTime')
			},
			getShowEndTime(e) {
				this.model.formData.endTime = this.getTime(e.value)
				this.showTimeEndFlag = false
				this.$refs.form.validateField('formData.endTime')
			},
			getDate(e) {
				this.model.formData.date = this.getTime(e.value).substring(0, 10)
				this.showDateFlag = false
				this.$refs.form.validateField('formData.date')
			},
			// 省市区
			bindPickerChange(e) {
				this.model.formData.provinceId = addressList[this.value[0]].provinceId
				this.model.formData.cityId = addressList[this.value[0]].city[this.value[1]].cityId
				this.model.formData.areaId = addressList[this.value[0]].city[this.value[1]].area[this.value[2]].areaId
				this.$refs.form.validateField('formData.AllName')
			},
			columnchange(d) {
				this.updateSelectIndex(d.detail.column, d.detail.value)
					.updateSourceDate()
					.updateAddressDate()
			},
			initSelect() {
				this.updateSourceDate()
				this.updateAddressDate()
			},
			updateSourceDate() {
				this.areaList = []
				this.areaList[0] = this.AllAddress.map(obj => {
					return {
						name: obj.name
					}
				})
				this.areaList[1] = this.AllAddress[this.value[0]].city.map(obj => {
					return {
						name: obj.name
					}
				})
				this.areaList[2] = this.AllAddress[this.value[0]].city[this.value[1]].area.map(obj => {
					return {
						name: obj.name
					}
				})
				return this
			},
			updateSelectIndex(column, value) {
				let arr = JSON.parse(JSON.stringify(this.value))
				arr[column] = value
				if (column === 0) {
					arr[1] = 0
					arr[2] = 0
				}
				if (column === 1) {
					arr[2] = 0
				}
				this.value = arr
				return this
			},
			updateAddressDate() {
				this.selectVal[0] = this.areaList[0][this.value[0]].name
				this.selectVal[1] = this.areaList[1][this.value[1]].name
				this.selectVal[2] = this.areaList[2][this.value[2]].name

				if (this.value[0] == 0 && this.value[1] == 0 && this.value[2] == 0) {
					this.model.formData.AllName = ''
				} else {
					this.model.formData.AllName = `${this.selectVal[0]}${this.selectVal[1]}${this.selectVal[2]}`
				}
			},
			// 选择主播
			selectAnchor() {
				let params = {
					product: this.model.formData.product
				}
				let url = '/subPage1/socialized-service/farm-service/user/selectAnchor/index'
				this.$togo(url, params)
			},
			// 选择地块
			selectArable() {
				let params = {}
				let url = '/subPage1/socialized-service/farm-service/user/selectArable/index'
				this.$togo(url, params)
			},
			showpop() {
				this.showPop = true
			},
			popConfirm(item) {
				this.equipmentId = item.id
				this.model.formData.machinery = item.equipmentName
				this.model.formData.machineryName = item.id
				this.$refs.form.validateField('formData.machinery')
				this.showPop = false
				if (this.model.formData.type[0] && this.equipmentId) {
					for (let k in this.svcObjIdPropertyMap) {
						const itemIndex = this.svcObjIdPropertyMap[k].findIndex(item => {
							if (item.expression === 'relatePlant' && item.textValue.split(',').includes(
									`${this.model.formData.type[0]}`)) {
								return true
							}
						})

						const itemIndex2 = this.svcObjIdPropertyMap[k].findIndex(item => {
							if (item.expression === 'relateDevice' && item.textValue.includes(
									`${this.equipmentId}`)) {
								return true
							}
						})
						if (itemIndex !== -1 && itemIndex2 !== -1) {
							this.svcObjId = k
							this.svcObjIdPropertyMap[k].forEach(el => {
								if (el.expression === 'unitPrice') {
									this.unitPrice = el.numValue * 1
								}
							})
						}
					}
				}
			},
			submit() {
				this.$refs.form.validate().then(async () => {
					let {
						FGZD_LXR,
						FGZD_LXDH,
						dryingPrice,
						sitelocation,
						dryingWeight,
						xiangMu,
						typeName,
						type,
						buyJin,
						FGZD_JTDZ,
						provinceId,
						areaId,
						cityId,
						startTime,
						endTime,
						AllName,
						FGZD_FWMS,
						machineryName,
						remark,
						liveTimeBegin,
						liveTimeEnd,
						anchorId,
						product,
						maintenance,
						equipmentTypeName,
						equipmentTypeId,
						sealingtype,
					} = this.model.formData
					let params = {
						svcObjId: this.svcObjId,
						svcClassId: this.svcClassId,
						properties: {},
					}
					this.propertiesKey.forEach(el => {
						// 公共
						let key = el.propertyCode
						if (el.expression === 'contactName') {
							params.properties[key] = FGZD_LXR
						}
						if (el.expression === 'contactPhone') {
							params.properties[key] = FGZD_LXDH
						}
						if (this.purchaseFlag || this.tillingLandFlag) {
							if (el.expression === 'orderObjName') {
								params.properties[key] = typeName.join(',')
							}
							if (el.expression === 'relatePlant') {
								params.properties[key] = type.join(',')
							}
						}
						if (this.dryingFlag) { //作物加工
							if (el.expression === 'relatePlantName') {
								params.properties[key] = typeName.join(',')
							}
							if (el.expression === 'relatePlant') {
								params.properties[key] = type.join(',')
							}
							if (el.expression === 'orderObjName') {
								params.properties[key] = xiangMu
							}
							if (el.expression === 'rate') {
								params.properties[key] = dryingWeight
							}
							if (el.expression === 'serviceBegin') {
								params.properties[key] = this.getTimes(startTime)
							}
							params['priceRide'] = dryingWeight
						} else if (this.purchaseFlag) { //农产品收购
							if (el.expression === 'buyMethod') {
								params.properties[key] = this.model.formData.buyMethod
							}
							if (el.expression === 'rate') {
								params.properties[key] = buyJin
							}
							if (this.buyMethodId === 1) {
								if (el.expression === 'area') {
									params.properties[key] = `${provinceId},${cityId},${areaId}`
								}
								if (el.expression === 'addressInfo') {
									params.properties[key] = FGZD_JTDZ
								}
							}
							if (el.expression === 'serviceBegin') {
								params.properties[key] = this.getTimes(startTime)
							}
							params['priceRide'] = buyJin
						} else if (this.livestreamMarketingFlag) { //直播
							if (el.expression === 'servicePhone') {
								params.properties[key] = FGZD_LXDH
							}
							if (el.expression === 'serviceUserId') {
								params.properties[key] = anchorId
							}
							if (el.expression === 'goods') {
								params.properties[key] = product
							}
							if (el.expression === 'serviceBegin') {
								params.properties[key] = this.getTimes(this.model.formData.date + ' ' +
									liveTimeBegin + ':00')
							}
							if (el.expression === 'serviceEnd') {
								params.properties[key] = this.getTimes(this.model.formData.date + ' ' +
									liveTimeEnd + ':00')
							}
							if (el.expression === 'providerName') {
								params.properties[key] = uni.getStorageSync('serviceProviderName')
							}
							if (el.expression === 'providerAddress') {
								params.properties[key] = uni.getStorageSync('serviceProviderAddress')
							}
							if (params.svcObjId === null) {
								params.svcObjId = this.svcObjIds
							}
						} else if (this.tillingLandFlag) { //翻耕整地
							if (!this.checkLessee) {
								if (el.expression === 'area') {
									params.properties[key] = `${provinceId},${cityId},${areaId}`
								}
							}
							if (el.expression === 'addressArea') {
								params.properties[key] = AllName
							}
							if (el.expression === 'addressInfo') {
								params.properties[key] = `${FGZD_JTDZ}`
							}
							if (el.expression === 'rate') {
								params.properties[key] = FGZD_FWMS
							}
							if (el.expression === 'serviceBegin') {
								params.properties[key] = this.getTimes(startTime)
							}
							if (el.expression === 'serviceEnd') {
								params.properties[key] = this.getTimes(endTime)
							}
							if (el.expression === 'relateDevice') {
								params.properties[key] = machineryName
							}
							params['priceRide'] = FGZD_FWMS
							params['serviceBegin'] = this.getTimes(startTime)
							params['serviceEnd'] = this.getTimes(endTime)
						} else if (this.machineryFlag) { //农机租赁
							if (el.expression === 'remark') {
								params.properties[key] = remark
							}
							if (el.expression === 'serviceBegin') {
								params.properties[key] = this.getTimes(uni.getStorageSync(
									'datetimerange')[0])
							}
							if (el.expression === 'serviceEnd') {
								params.properties[key] = this.getTimes(uni.getStorageSync(
									'datetimerange')[1])
							}
							if (el.expression === 'relateDevice') {
								params.properties[key] = this.relateDevice
							}
							if (el.expression === 'relateDeviceName') {
								params.properties[key] = this.relateDeviceName
							}
							if (el.expression === 'expectPrice') {
								params.properties[key] = this.expectPrice
							}
							if (el.expression === 'days') {
								params.properties[key] = this.day
							}
							if (params.svcObjId === null) {
								params.svcObjId = this.svcObjIds
							}
							params['priceRide'] = this.day
						} else if (this.arableFlag) { //设施租赁
							if (el.expression === 'remark') {
								params.properties[key] = remark
							}
							if (el.expression === 'serviceBegin') {
								params.properties[key] = this.getTimes(uni.getStorageSync(
									'datetimerange')[0])
							}
							if (el.expression === 'serviceEnd') {
								params.properties[key] = this.getTimes(uni.getStorageSync(
									'datetimerange')[1])
							}
							if (el.expression === 'relateSiteName') {
								params.properties[key] = this.relateDeviceName
							}
							if (el.expression === 'expectPrice') {
								params.properties[key] = this.expectPrice
							}
							if (el.expression === 'days') {
								params.properties[key] = this.day
							}
							if (params.svcObjId === null) {
								params.svcObjId = this.svcObjIds
							}
							params['WBFW_WBLXLB'] = this.day
						} else if (this.MaintenanceFlag) {
							if (el.expression === 'remark') {
								params.properties[key] = remark
							}
							if (el.expression === 'serviceBegin') {
								params.properties[key] = this.getTimes(startTime)
							}
							if (el.expression === 'serviceEnd') {
								params.properties[key] = this.getTimes(endTime)
							}
							if (el.expression === 'equipmentType') {
								params.properties[key] = equipmentTypeId
							}
							if (el.expression === 'equipmentTypeName') {
								params.properties[key] = equipmentTypeName
							}
							if (el.expression === 'maintenanceType') {
								params.properties[key] = maintenance
							}

							if (maintenance === 1) { //维保
								if (el.expression === 'area') {
									params.properties[key] = `${provinceId},${cityId},${areaId}`
								}
								if (el.expression === 'addressInfo') {
									params.properties[key] = `${FGZD_JTDZ}`
								}
								if (el.expression === 'addressArea') {
									params.properties[key] = AllName + `${FGZD_JTDZ}`
								}
							} else {
								if (el.expression === 'addressArea') {
									params.properties[key] = sitelocation
								}
							}
							if (params.svcObjId === null) {
								params.svcObjId = this.svcObjIds
							}
							/* params['servicerDeviceName'] =this.tabList[this.tabListindex].equipmentTypeName */
						} else if (this.sealingFlag) { //封存
							if (el.expression === 'remark') {
								params.properties[key] = remark
							}
							if (el.expression === 'serviceBegin') {
								params.properties[key] = this.getTimes(startTime)
							}
							if (el.expression === 'serviceEnd') {
								params.properties[key] = this.getTimes(endTime)
							}
							if (el.expression === 'equipmentType') {
								params.properties[key] = equipmentTypeId
							}
							if (el.expression === 'equipmentTypeName') {
								params.properties[key] = equipmentTypeName
							}
							if (el.expression === 'storeType') {
								params.properties[key] = sealingtype
							}
							if (sealingtype == 1) {
								if (el.expression === 'area') {
									params.properties[key] = `${provinceId},${cityId},${areaId}`
								}
								if (el.expression === 'addressInfo') {
									params.properties[key] = `${FGZD_JTDZ}`
								}
								if (el.expression === 'addressArea') {
									params.properties[key] = AllName + `${FGZD_JTDZ}`
								}
							} else {
								if (el.expression === 'addressArea') {
									params.properties[key] = sitelocation
								}
							}
							if (params.svcObjId === null) {
								params.svcObjId = this.svcObjIds
							}
						}

					})
					console.log(params)
					let res = await informationFillingAPI.serviceOrder(params)
					if (res.code === 200) {
						uni.showToast({
							title: '下单成功',
							icon: 'success'
						})
						uni.setStorageSync('formServiceOrderTabIndex', 0)
						uni.redirectTo({
							url: '/subPage1/socialized-service/farm-service/normalUser/myOrder/myOrder',
							animationType: 'pop-in',
							animationDuration: 200
						})
					} else {
						uni.showToast({
							title: res.msg,
							icon: "error"
						})
					}
				}).catch(errors => {
					console.log("失败信息:" + JSON.stringify(errors))
				})
			},
			hideKeyboard() {
				uni.hideKeyboard()
			},
			setcollapseheight() {
				let topheightone = uni.upx2px(160)
				let winHeight = 0
				uni.getSystemInfo({
					success: function(res) {
						winHeight = res.windowHeight
					}
				});
				let oldHeight = uni.upx2px(250)

				winHeight = parseInt(winHeight) - topheightone - oldHeight
				return winHeight
			},
			formatter(type, value) {
				if (type === 'year') {
					return value + '年'
				} else if (type === 'month') {
					return value + '月'
				} else if (type === 'day') {
					return value + '日'
				} else if (type === 'hour') {
					return value + '时'
				} else if (type === 'minute') {
					return value + '分'
				} else if (type === 'second') {
					return value + '秒'
				}
				return value
			},
			getTime(timestamp) {
				let date = new Date()
				if (timestamp) date = new Date(timestamp);
				const Y = date.getFullYear() + '-';
				const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
				const D = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate()) + ' ';
				const h = (date.getHours() < 10 ? '0' + (date.getHours()) : date.getHours()) + ':';
				const m = (date.getMinutes() < 10 ? '0' + (date.getMinutes()) : date.getMinutes()) + ':';
				const s = (date.getSeconds() < 10 ? '0' + (date.getSeconds()) : date.getSeconds());
				return Y + M + D + h + m + s;
			},
			getTimes(timestamp) {
				let date = new Date()
				if (timestamp) date = new Date(timestamp);
				const Y = date.getFullYear();
				const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1);
				const D = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
				const h = (date.getHours() < 10 ? '0' + (date.getHours()) : date.getHours());
				const m = (date.getMinutes() < 10 ? '0' + (date.getMinutes()) : date.getMinutes());
				const s = (date.getSeconds() < 10 ? '0' + (date.getSeconds()) : date.getSeconds());
				return `${Y}${M}${D}${h}${m}${s}`;
			},
			showTimeLiveDialog1() {
				this.showTimeStartLiveFlag = true
			},
			showTimeLiveDialog2() {
				this.showTimeEndLiveFlag = true
			},
			getShowStartLiveTime(e) {
				this.model.formData.liveTimeBegin = e.value
				this.showTimeStartLiveFlag = false
				this.$refs.form.validateField('formData.liveTimeBegin')
			},
			getShowEndLiveTime(e) {
				this.model.formData.liveTimeEnd = e.value
				this.showTimeEndLiveFlag = false
				this.$refs.form.validateField('formData.liveTimeEnd')
			},
			changeLiveTime1(e) {
				this.model.formData.liveTimeBegin = e.value
			},
			changeLiveTime2(e) {
				this.model.formData.liveTimeEnd = e.value
			},
		}
	}
</script>

<style lang="scss" scoped>
	.main {
		font-size: 28rpx;
		padding: 20rpx;

		.red-dot {
			width: 6px;
			height: 6px;
			background-color: red;
			border-radius: 50%;
			margin-right: 5px;
		}

		.picker-container {
			position: relative;
			display: flex;
			align-items: center;
		}

		.dropdown-icon {
			justify-content: left;
			margin-left: 25px;
			width: 20px;
			height: 15px;
		}

		.service-price {
			position: relative;
			margin: 0 28rpx;
			margin-top: 10rpx;
			height: 240rpx;

			background: linear-gradient(360deg, #2165FF 0%, #88ACFF 100%);
			box-shadow: 0px 6px 6px 1px rgba(33, 222, 157, 0.05);
			border-radius: 14px 14px 14px 14px;

			.title {
				position: relative;

				.box {
					position: absolute;
					left: 50%;
					transform: translateX(-50%);
					width: 245rpx;
					border-left: 30rpx solid transparent;
					border-right: 30rpx solid transparent;
					border-top: 62rpx solid #4C84FF;
					border-bottom: 0 solid transparent;
				}

				.text {
					position: absolute;
					top: 10rpx;
					left: 50%;
					transform: translateX(-50%);
					font-size: 32rpx;
					font-weight: 500;
					color: #fff;
				}
			}

			.img {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 220rpx;
				height: 172rpx;
			}

			.price {
				max-width: 60%;
				position: absolute;
				top: 102rpx;
				left: 50%;
				transform: translateX(-50%);
				font-size: 40rpx;
				font-weight: 400;
				color: #FFFFFF;

				.name {
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					margin-left: 30px;
				}
			}

			.processAbility {
				position: absolute;
				top: 164rpx;
				left: 50%;
				font-size: 28rpx;
				font-weight: 400;
				color: #FFFFFF;
			}
		}

		.fuwujigou {
			margin: 20px 20px 20px 20px;
			border-radius: 8px;
			background-color: white;
			padding: 10px;
			height: 200px;

			.content {
				display: flex;
				align-items: center;

				.fwjgimg {
					height: 150rpx;
				}

				.text-section {
					margin-left: 10px;
					font-size: 13px;
					color: #434343;
					line-height: 18px;
				}
			}


		}

		.form {
			margin-top: 20rpx;
		}

		.btn {
			margin-top: 60rpx;
		}
	}

	/deep/.u-form-item {
		position: relative;
		margin: 0 32rpx;
		background-color: #fff;
		margin-top: 20rpx;
		border-radius: 20rpx;
	}

	.crop {
		margin-top: 0;
		background-color: transparent;
	}

	.crop1 {
		display: flex;
		flex-wrap: wrap;
		margin-top: 0;
		background-color: transparent;
	}

	.arables {
		background-color: transparent;

		.arable {
			.arable-main {
				display: flex;
				flex-wrap: wrap;

				.title {
					padding: 10rpx;
					min-width: 120rpx;
				}

				.arableBtn {
					padding: 10rpx;
					border: 2rpx solid #ccc;
				}

				.item {
					display: flex;
					padding: 5rpx 5rpx;
					background-color: #ccc;
					margin-left: 10rpx;
					margin-bottom: 10rpx;

					.area {
						margin: 0 14rpx;
					}
				}
			}

			.addArable {
				display: inline-block;
				margin-top: 10rpx;
				padding: 10rpx;
				border: 2rpx solid #ccc;
			}

		}
	}

	.left-image {
		position: absolute;
		left: 0;
		width: 54rpx;
		height: 54rpx;
		border-radius: 50%;
		margin-left: 22rpx;
		display: flex;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
	}

	.left-img {
		height: 35rpx;
	}

	/deep/ .u-form-item__body__left {
		width: 200rpx !important;
		margin-left: 50px;
	}

	/deep/ .u-checkbox-group--row {
		display: flex !important;
		flex-wrap: wrap !important;
		flex-shrink: 1;
	}

	/deep/ .u-checkbox-group--row {
		display: flex !important;
		flex-wrap: wrap !important;
		flex-shrink: 1;
	}

	.size {
		font-size: 24rpx;
		transform: scale(1.2);
		margin-right: 30rpx;
	}

	.picker {
		/deep/ .u-icon--right {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}
	}

	.popUpOperate {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100rpx;
		padding: 0 20rpx;
		border-bottom: 1px solid #ccc;

		.left,
		.right {
			color: #0079fe;
		}

		.center {
			font-weight: 700;
		}
	}

	.popItem {
		.first {
			display: flex;
			flex-wrap: wrap;

			.popItemTop {
				width: 32%;
				height: 150rpx;
				margin-right: calc(4% / 2);
				margin-bottom: 20rpx;

				&:nth-child(3n) {
					margin-right: 0;
				}

				image {
					width: 100%;
					height: 100%;
				}
			}
		}

		.tip {
			color: #d9001b;
			margin-bottom: 20rpx;
		}

		.title {
			font-size: 32rpx;
			font-weight: 700;
			margin-bottom: 20rpx;
		}
	}

	.total-prices {
		position: fixed;
		bottom: 90rpx;
		right: 20rpx;

		.prices {
			display: flex;
			justify-content: flex-end;
			align-items: center;

			.title {
				font-size: 32rpx;
				font-family: Source Han Sans CN-Regular, Source Han Sans CN;
				font-weight: 400;
				color: #606060;
			}

			.price {
				font-size: 32rpx;
				font-family: Arial-Bold, Arial;
				font-weight: bold;
				color: #2165FF;
			}
		}
	}

	.submit {
		position: fixed;
		bottom: 30rpx;
		left: 50%;
		transform: translateX(-50%);

		.submit-btn {
			width: 340rpx;
			height: 60rpx;
			line-height: 60rpx;
			background: linear-gradient(270deg, #88ACFF 0%, #2165FF 100%);
			box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.16);
			border-radius: 15px 15px 15px 15px;
			font-size: 28rpx;
			color: #FFFFFF;
			display: flex;
			justify-content: center;
			align-items: center;

			.icon-submit {
				margin-right: 10rpx;
			}
		}
	}

	.gray-text {
		color: #9999;
	}

	/deep/ .uni-scroll-view-content {
		position: absolute;
		top: 0;
	}
</style>